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OPENING THE MAGIC BOX 



The computer is a magic box. Many graphic images are hidden inside it. 
There are geometric diagrams, letters of various shapes and sizes, countless 
symbols, complex and mutated forms, infinite colors, fantastic plants, beasts 
and robots, all crammed into hidden corners of the box. By tapping on the 
keyboard, or clicking the mouse, these forms can jump onto the screen, but in 
the hands of unimaginative or close-minded persons they may not appear. 
And those who are weak with machines will have trouble coaxing them out, 
too. According to Osamu Sato, there is a trick to calling forth these creatures, 
a trick he taught to me. And he said he would teach the trick to anyone. And 
that is why he made this book. 

For instance, by dividing a square, rotating it, turning it over and copying it 
repeatedly, a variety of forms can be created. Shapes like lucky puzzle 
silhouettes of ancient Egyptian hieroglyphs, instantaneous creations of a 
kaleidoscope, art deco illustrations, as well as arabesque-like letters, 
mechanical men and humorous aliens, are all possible. And Mr. Sato shows 
how to create these figures with basic shapes - i.e. lines, arcs, squares and 
circles - and does so simply, clearly, and above all very logically. This book is 
a beginner's introduction to the subject, an everyday guide to computer 
illustrating, a collection of design ideas, and a compendium of Mr. Sato's own 
computer art works. All the shapes in this book are black and white, but it is a 
black and white world full of potential. Just looking at the myriad 
manifestations of form is a joy, but for those who will use it to begin creating 
their own shapes this book offers far, far greater pleasures. 



Hiroshi Sano 

Creative Director & Professor, Tokyo Gakugei University 
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USING COMPUTERS CREATIVELY 



The presence of personal computers and workstations in the workplace has grown 
tremendously during the past ten years. Today's computers are "friendlier, " "sexier" 
and more powerful than ever, and seem to promise a solution to just about 
everything. 

But some personal computers have led more privileged lives than others. The lucky 
computer found itself becoming as indispensable as its user's right arm, while less 
fortunate beasts sat in the corner gathering dust like overgrown beige paperweights. 
Despite all the hype, the main limiting factor on a potential dream machine's 
performance is the person who uses it. 

The fact remains, however, that if you put your mind to it, these dream machines do 
live up to their promises. As extensions of our wills, they are powerful tools for 
creativity. The real issue is the attitude and frame of mind of the user. Technical 
specifications and performance benchmarks are far less important than learning how 
to think creatively when you sit down in front of a computer. 

People need to get used to their tools. The first people to draw pictures with chalk 
and other soft rocks probably took a while to get the hang of it. But there is 
something thrilling in taking a new tool in hand and beginning to apply it. This book 
was created in that same spirit. 

This book aims at simplicity and charm that will appeal to computer users and non- 
users alike. The goal is to help the reader discover how to unlock the creative thought 
channels within us, and also to discover how to use computers creatively. To keep 
things simple the focus is on black and white geometric designs. Black and white 
geometric designs are the starting point for computerized drawing all kinds of 
graphic images, and also the starting point for creative activities. 
A line is created from a set of points, and from there can go on to become a circle or 
rectangle. A myriad of rectangles can produce crystal-like shapes. Rotating straight 
lines produces mysterious circles. As simple geometric designs are repeated in 
combination, they are quickly transformed from simple components into large, 
complex shapes. There is something thrilling about this creative process, somewhat 
reminiscent of the way our hands begin to move seemingly of their own accord when 
we pick up a pencil. Perhaps our minds can learn to use computers with the natura 
freedom our hands use pencils. 

In any case I shall have accomplished my purpose if this book helps computer users 
unlock their creative potential. 

Osamu Sato 
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8 OOOO WHAT IS COMPUTER DESIGNING ? OOOO 

The computer your are now working 
with loves to repeat things, change 
shapes and sizes, connect and 
separate, and especially copy. It can 

instantly turn a straight line into an arc, 

or rotate any shape on your screen. It 
is as capable of creating perfect 
symmetrical forms as your mirror is of 
reflecting your own face. Now and 
then your computer will suddenly stop 
working, or throw something at you 
that you didn't ask for. But in general, 
it is a companion which will gladly 
help you create a world of interesting 
things. 
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OOOO WHAT IS COMPUTER DESIGNING ? OOOO 9 

A computer stores information as O's and 1s. 

A computer is excellent at copying and repeating. 

A computer can freely alter shapes. 

A computer is perfect for making symmetrical shapes. 

A computer is perfect for making rotational shapes. I 

A computer is perfect for cutting and pasting. 

A computer is offers equal technology to everyone. 

A computer is a bit expensive. 

A computer occasionally suffers from system errors. 

A computer occasionally seems very clever. 

A computer doesn't mind working all night. 

A computer dosen't mind doing menial work. 

A computer is a machine. 

A computer isn't God. 

A computer not in use is just a gray box. 

A computer is 
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LINES 



Straight Lines. 
Slender, 

sensitive linear patterns. 

Unwavering direction. 

Clear and distinct expressions of thought. 

Parallel lines that never meet, 

diagonals that inevitably do. 

In drawing, you have to begin with something. 

That something is the line. 



CREATING WITH STRAIGHT LINES 
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This design was created with straight lines 



THINK ABOUT IT 



•HI NTS # 7L 3 Think About It 



CHAPTER 1 jtfg STRAIGHT LINES 



1 iMfciIII<DI8#*#x.T*J:9 

Let's think about the relation between straight lines. 
Relation 1. Two lines which never intersect Parallel lines 



Relation 2. Lines which intersect somewhere 






Non-parallel lines 




Intersection 




Connection 



2 



These are the two basic relations. Using both patterns infinite relations are possible 




Let's think of things we can do easily with a computer. 

* 3 * a a IC $ ffc 7 § * © We can Change size freely 



©mmz^ < zzt tf? * * ©*»*o < zzt % z 

© We can make copies. ©We make can copies. 

U t& * Z £ ffi X ! § Z X % Z X ! § 3 T M Z X % Z 




J J p'J 



© 

0We 



© 

©We 



can repeat, repeat, repeat, repeat, repeat 

if XZZ 





can 



VII V I \A 



, §§m&in§, ana germest: 



.aeiitemmva f69io neo 9W(T) We can create symmetries. 




o 




o 



55 



0) ,p 



% 9 




3 



£ ft ? § Z We can rotate.! 6 pieioj 




o 



MaiU •«•■!■ II** *>•»■»» -J** -HIS. :tiT', I;I5)'>!>«t^T*i:Aot. tfJ'V 





!1 . 




A* 6o<5 Creating with Straight Lines 



3 IZl±<»Z£%ftmLrfrZ Let's classify what we've found. 

0 ^ ■tiKAflkh Enlarge & Shrink 




Consecutive Copying 



© + ® + ® tK*H4*5MP t - Enlarge, Shrink, Consecutive Copying 

Zti6<DZi:li*/c t 'J$x.i: LT Let's make the following shapes using 

Ojf0)<fc 9 &2i>S£# , Jffl LTA^fSo< ot*5 these basic methods. 




Let's look at basic concepts. The basic computer functions shown here are also the foundations of drawing. Alteration, copying, repeating, 
separating, combining, connecting, creating symmetry, rotating - all this magic is at your fingertips. Now let's move on. 



CHAPTER 1 ••• H$S STRAIGHT LINES 



IfrWl £ t> it £#Uffl L T O < 5 Dividing & combining to create figures: 






Dividing & Combining 



Ktftft' 60 < 3 Creating with Straight Lines 
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Hand 
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Face 



it Dog 



Parallel lines, intersecting lines, connecting lines. The active movement of lines gives life to linear form and adds color to black and white. 
Combining lines creates dark colors, spreading them out creates lighter shades. The magic of combining lines. 
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3tfffr£f , Jffl LTo < 3 Using symmetry: 
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ftfft Symmetry 



iSfeSA* 6o<5 Creating with Straight Lines 




The parade of symmetry. Butterflies and violins and human faces. Split right down the center, both sides of the symmetry appear as identical 
shapes. 
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iE£f'JfflLTO<3 Using rotation: 





7£ Flower 




g Eye 





ft Flash 




MM Windmill 




7E Flower 



Sunshine 
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@!e Rotation 



BUI* 1 6o<3 Creating with Straight Lines 




77^ Face — T — 7. Star anise Flower 




By rotating straight lines strange crests can be formed. Around and around and around. Nothing has been used here but straight lines. But 
be careful. You might get dizzy. 



CHAPTER 1 STRAIGHT LINES 
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A cyborg created with straight lines can only move straight ahead. 



CHAPTER 1 BfcS STRAIGHT LINES 




An eyeball, created with nothing but straight lines. 
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$ STRAIGHT LINES 




7)V7t^<v h£o<3 Creatinq Alphabets 
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Curves. 

Bits of a circle. 

Draw a circle, cut it between two points. 

There you have a bow. 

Here you have an arc, like an arm. 

Another like a plate. 

Yet another like a staff. 

Many pieces can be cut from a circle. 

Your toy box is now full of useful parts. 



CREATING WITH CURVES 







This picture was created with curves 



SEPARATE THE PIECES 



• HINTS 3 Separating elements 



CHAPTER 2 ••• R3H CURVES 



M-7/^"7l-LT<fr<£9 Separate the pieces: 




^ (T) WRINKLES ^ 




FISH A* 6 o < 5 Creating with Curves 



ti /: It <7)SB## 6 T S T l * * 1" Creating with these pieces: 










MOLE 




LESSON3 

$k Rotation 






FACE 
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r [eDIe Rotation 



Just from arcs taken from a circle you can create a sun. On the smiling face you can see gentle lines. As a rule lines create a sensitive effect 
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1 LTttUKTl^T Creating like this: 
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Dividing & Combining 



PHK# 6o<5 Creating with Curves 




ftl'lfcffl* fc>-t±£?Uffl L TO < § Dividing Scombining to create figures: 






li£T>'6 Petal 



*& Breakers 



>Jfc Waves 




it, pulling it - a very busy circle. 
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0 LXlii%T^£t Creating like this 
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R3tt A* bO<3 Creating with Curves 



ftffc£fUffl LTo< 3 Using symmetry: 




Fly 4KJ£ Composition *»6*0>««lt Cyclops 




W Octopus Lion Flower 



There's the real you and the reflection of yourself in the mirror. Identical twins. Two in one. In symmetry one experiences security and a 
sense of the absolute. 
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Rotation 



R3K#> 6> o < £ Creating with Curves 




&£fiJfflUTo<3 Using rotation 
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0#ft Clock 
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±m Sun 



7£ Flower 






*SH Crystal 



iff Tiger 



Ball 



Rotate by copying and leaning by several degrees an object. Repeat until a figure is completed. The object you create will probably be 
other than what you expected. Try for more complex, interesting shapes. 



CHAPTER 2 RSJK CURVES 






i£o < 3 1 Creating Pictures 1 
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Face. A human face formed by twisting curves with the middle removed. 




Temple. Timber and plaster form the black and white contrast of a Japanese temple. 
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Tokyo, in kanji letters. 
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Squares portray an image of perfection, sharpness, 

order, hardness, depth and geometric beauty. 

This image is beautiful in its own right, 

but aren't squares capable of more? 

Achieving a different image is easy enough. 

For example, rotating a square gives you a circle. 

Changing your way of thinking -- of seeing - 

in this way you can yield something entirely different from 

what you started with. 

The hard image of a square can be used to produce a soft, round image. 



CREATING WITH SQUARES 
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This picture was created with squares. 



SEPARATE THE PIECES 





• HINTS Ifrf&f Z> Separating Elements 




CHAPTER 3 - ttW* SQUARES 



A - 7/*"7lc:i/T<fcJ:9 Separate the pieces: 
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®EYE 



8 CRYSTA 
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* 2 NOSE 








2) MOUTH 





3) EAR 







3 ARM 




5) TIE 








5) BODY 






7 SOUNt 




3) ARM 



4 HAND 





6 GLITTER 





3) LEG 







(7) FOOT 





jE^J&fl 1 6o<§ Creating with Squares 



Z ft tz It <7)gB## 6 7 § T I * * T Creating with these pieces: 




Aligning a series of squares in a row creates a straight line. Repeated rotating of subsequent squares creates a curve. Splitting a square 
along its diagonal yields two triangles. Squares produce many shapes out of themselves. 
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CHAPTER 3 •• lEJjte SQUARES 



9 lT&%r^£t Creating like this: 
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Dividing & Combining 



HE^Jl^A* 6> o < £ Creating with Squares 
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'J<jOU/\' — Revolver 



Church 



¥ Hand 






# 7 Camera 



?fc Tree 



U"-f Rhinoceros 



After separating elements into individual parts the magic begins. Look. By cutting a square in half you get triangles. By using squares and 
triangles together like building blocks you can make eyes, hands and feet. See ? 
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CHAPTER 3 lEUte SQUARES 



9 LZliiXT^t t Creating like this 





BODY 
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ffiffc Symmetry 



lE~f5M1? 6> o < 3 Creating with Squares 



ftffc£*UfflLTo< 5 Using symmetry: 
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0#lt Clock ill Ant 



CHAPTER 3 JEJiM SQUARES 



Z o LTfci{3fcTl^£ T Creating like this: , 

I CRYSTAL 





Rotation 



JEJil&fr 6o<5 Creating with Squares 




&£#JfflLTo<£ Using rotation: 
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All these circles and curves were created with squares. Just by rotating squares you can make flowers blossom, suns rise and smiles appear. 
Fireworks light up the sky and clocks go round. Eyes revolve, and the lion goes to sleep. 
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Lady. This square lady likes her square glasses and hat. 
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CIRCLES 



Circles. 

Roundness. Balls that bounce. 
Rabbits that bounce, strange rabbits... 
Like images following upon one another 
figures made of circles suggest endless 
possibilities. To what strange shapes will 
the rolling circle lead us? 





CREATING WITH CIRCLES 
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This picture was created with circles 



SEPARATE THE PIECES 
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1 HAND 




2 FOOT 
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A monster made of a circle. The gaping mouth in his stomach is always hungry for food. Even if you cut him to pieces, he remains ravenous. 
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ftl'Jfcffl* *nfo-£ «?'Jffl LTO < § Dividing & combining to create figures: ■ 
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3? LT&XT^ST Creating like this: 
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015 Rotation 
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KSfOffl Lto<5 Using rotation 






Flower 



HEM Steering wheel 



±H Sun 
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b Hydra 



^t-7iO Baby face 
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Kaleidoscope 




=FB Baby pig 
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Clock 





56 Explosion 




he circle with the empty stomach program can be rotated to create the shape over and over, resulting in a monster who is hungry his entire 



y over. 
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Cat. Japanese cats say "nya nya." 
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Dog. Japanese dogs say "wah wah." 
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Sun. The sun is round and bright, shining a golden light on the earth. 
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Computer. These eight letters produce different reactions in different people. 
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trie brain in Konji letters. What thoughts sleep in this electric brain? 
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Freehand means: following the will 
of your hands and drawing freely 
whatever you like. Without limits or 
rules, making nebulous, instinctive designs. 
With these unstructured images the creative 
possibilities are infinite. 



CREATING FREEHAND 




This picture was created entirely by freehand. 

First , parts are created in any form. 
Next , random parts are used 
to make a picture. 
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of his body are taken from the previous page. 
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Combining to create figures: 
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mfyafoS Combining 
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Z?LTai5l5Tt^-r Creating like this: 



1. STICK 




)u combine the various parts like this, you get a foot, or a stick. It's much like a seamstress cutting patterns from cloth to make 
ngle shirt. 
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Symmetry 
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y using symmetry with freehand shapes you can create beautifully ordered figures. Symmetry appears to be one of the principles of beauty. 
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H Rotation 



7 l J -/\> K#> 60 < 5 Creating Freehand 



l9l/Taj5l5rt^-r Creating like this: 
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shred or shard, by rotating you create an interesting image. 
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Alien "A" can chew up anything with his sharp teeth. And he especially hates squares and circles. 
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Alien "B" attacks when he sees straight lines and circles. He tears them to pieces. 
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Emblem "1 ." A freehand emblem for a freestyle country. 
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OS FREE HAND BOLD 
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7^7 7^7 h £ o < 3 Creatinq Alphabets 




\ freehand alphabet drawn to appear handwritten. To draw like this just think of the mouse as a pencil. 

L 



saga, thml 




For instance, what is the shape 

between this O and this ^? 

What would a flattened star look like? 

Creating images you can't readily imagine 

is another simple trick for the computer. 

Freely transforming objects, 

controlling myriad forms all at once, altering 

shapes completely. Go ahead. 

You're free to juggle and 

reverse at will. 



CREATING WITH ALTERATIONS 




The laughing face gradually gets angry, and the stars vanish and appear. 

Notice the transformation. 
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t ffii* Distortion & Inclination 
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(Elongate or flatten. Alter shape in one direction) 




The falling star hits the earth. The shock distorts it, flattens it, elongates 



*6o< 5 Using the shapes on the left to create this 





If lots of stars are gathered together you get a spaceman made of stars. 
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What are the shapes in between hearts and spades, diamonds and clubs? 



£ it Transformations 
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Let's make various shapes 

with the patterns 

we have learned. 

Lines, curves, 

squares, circles, 

freehand shapes, 

alterations - 

put them together 

as you wish. 

What can you make? 
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Everybody understands pictograms. Even when words aren't understood, pictures can communicate. 
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Laughing faces, angry faces, crying faces, crazy faces, funny faces. Faces you've seen before. 
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To make alphabets, first make circles and rectangles, then put them together like building blocks. This alphabet was used on the jacket of the 
book. 
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The chapter titles were printed with this alphabet. 




EXAMPLES 



Use shapes 
and letters 
to create something 
like a poster. 

Think of your own theme. 
What can you express? 
Go to work. 

Figure it out for yourself. 



CREATING POSTERS 
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ry making a poster for yourself. 
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Universal declaration of human rights poster. In a computer, all information is expressed equally with "Is" and "Os." 
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Let's think about AIDS. Can a 1 .5 mm key line save the world? 
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Let's think about the earth. There's only one like it in the universe 
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Let's think about animals. All over the world they're suffering hard times 
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ANONYMOUS ANIMAL #1 




ANONYMOUS ANIMAL #2 
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THE ALPHABETICAL ORGASM "S" 
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THE ALPHABETICAL ORGASM "F 
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ALPHABETICAL ANIMALS "TECHNO" 






ALPHABETICAL ANIMALS "JAZZ 
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AFTERWORD 



I first began using a computer as a student, to make music. At the time it 
never occurred to me that the computer could be used in this way in the 
graphic design field. The computer was originally used to design logotypes, 
but since then has come to cover all aspects of graphic design, from black 
and white and color elements to photo introduction. And it is not merely a 
convenient tool. It does anything, responding to any concept, experiment or 
idea, accumulating momentum like a rolling stone. It is 3-dimensional, image- 
producing, an interactive multimedia tool that expands the user's dreams and 
imagination. The computer has a fascinating future full of potential. 
As in music, when using the computer to create graphics you begin with a 
vague image. You begin to create something, and this is followed by the 
appearance of various new ideas in your mind. You don't create by following 
directions. You create because you want to make something new. That is the 
wish. Different people have different ways of creating, but the computer is an 
ideal tool for all. 

First of all, try it out. This book is designed to help at this stage. 
I would like to thank Sano-san, for writing the introduction to this book, and 
Okuda-san, and all the staff of Graphic-sha, for their assistance. To make a 
single book requires a great amount of energy, but it is also a very enjoyable 
job. I would also like to acknowledge my favorites, Russian Avant-garde, 
Futurism and Bauhaus, whose brilliant typefaces and designs have in many 
ways shaped my own mind. If the artists of these movements were alive now 
to work with computers, I am certain they would discover new artistic 
possibilities. The work of past ages accumulates, and is remade again. 

Thank you very much. 
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